<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery示例</title>
    <script src="./../lib/jquery-3.7.0.js"></script>
</head>
<body>
<div>1</div>
<div id="t1">2</div>
<div class="t2">3</div>
<div>4</div>

<script type="text/javascript">
    let divs = $("div");                   /* 获取的是JQuery对象 */
    console.log(divs);

    let div_2 = divs[2];                   /* 得到的是DOM对象 */
    console.log(div_2);

    divs.eq(0).html("111");               /* JQuery对象 */
    divs.get(1).innerHTML = "111111";     /* DOM对象 */

    $("#t1").html("222");
    $(".t2").html("333");

    $(".t2+div").html("444");

    divs.html("666");                       /* 若不使用索引，默认将所有元素修改 */
</script>
</body>
</html>